//文本超链接
@link: #333;
//文本超链接hover
@link-hover: #0073ff;
//微软雅黑字体
@font-yahei: \5fae\8f6f\96c5\9ed1;
//宋体
@font-songti: \5b8b\4f53;

@auto: 0 auto;
@inBlock: inline-block;
@wrapp-width: 1200px;

@colorf1:#f1f1f1;
@colorf2:#f2f2f2;
@colorf5:#f5f5f5;
@color3d:#3d3d3d;
@colorcd:#cdcdcd;
@colord5:#d5d5d5;
@colord: #dddddd;
@colorf: #ffffff;

.roundedCorners(@radius:5px) { 
	-moz-border-radius: @radius; 
  -webkit-border-radius: @radius; 
  border-radius: @radius; 
}
.boxShadow(@x:0,@y:0,@blur:1px,@color:#000){
	-moz-box-shadow:@argument;
	-wekit-box-shadow:@argument;
  box-shadow:@argument;
}

body, div, h1, ul, form, input, li, p {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
  width: 100%;
}
body {
  font: 12px/1.5 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
}
input {
  vertical-align: middle;
}
ul, ol {
  list-style: none;
}
a {
	color:@link;
  text-decoration: none;
}
a:hover {
	color:@link-hover;
  text-decoration: underline;
}
img {
  border: none;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
:focus {
  outline: 0;
}
em {
  font-style: normal;
  font-weight: normal;
}

.pull-left { 
	float: left;
}
.pull-right { 
	float: right;
}
.sprite{
	display: @inBlock;
	background: url(../images/sprite.png) no-repeat;
}
.layout{
	width: @wrapp-width; 
	margin: @auto;
}

.logo,.logo a{height: 70px;width: 240px;display: @inBlock;}
.menu,.underLine,.tab-head ul,#saerch{position: absolute;}
.layout,.menu ul,.tab-tit,.note{position: relative;}
.menu li a,.tag a,.wlist ul li a,.wlist ul li em,.pagination ul,.footer dl{display: @inBlock}

.top{
	height: 70px; 
	background: @colorf2; 
	width: 100%;
	.logo{
		background-position:0 0;
	}
	.menu{
		top:0;
		right: 0;
		ul{
			width:264px;
			height:70px;
			li{
				float: left;
				a{
					font: 18px/70px @font-yahei; 
					padding: 0 20px;
				}
				a:hover{
					text-decoration: none;
				}
			}
			li.cur{
				a{
					color: @link-hover;
				}
			}
			.underLine{
				width:76px;
				height: 2px;
				background: @link-hover; 
				bottom: 0;
			}
		}
	}
}

.wrapp{margin-top: 50px;}

.cont_left {width: 830px;}
.fixed-nav{
	background: @colorf;
	padding-bottom: 5px;
	*zoom:1;
}
.tab-head{
 	width: 830px;
 	height: 36px;
 	border-bottom: 1px solid #cdcdcd;
 	background: @colorf;
 	padding-top: 5px;
 	.tab-tit{
 		float: left;
 		height: 35px;
 		font: 14px/35px @font-yahei;
 		background: @colorf1;
 		border: 1px solid @colorcd;
 		margin-right: 5px;
 		padding: 0 20px;
 		cursor: pointer;
 		margin-bottom: -1px;
 	}
	.tab-tit.curr{
		background: @colorf;
		border-bottom-color: @colorf;
		font-weight: bold;
	}
	.note{
		width: 102px;
		height:35px;
		font: 12px/25px @font-yahei;
		text-align: center;
		background-position: 0 -82px;
		color: @colorf; 
		top: 5px;
		left: 600px;
	}
	.note:hover{
		color: @colorf;
		text-decoration: none;
	}
}
/* cont_left */
.underLine,.wrapp,.tab-head,.section,.hot,.hot b,.hot p{overflow: hidden;*zoom:1}
.section .pull-right div a,.section .pull-right div p{float: left;overflow: hidden;}

.tab-cont{
	height:auto !important;
	height: 500px;
	min-height: 500px;
}

.section{
	height:auto !important;
	height:120px;
	min-height:120px;
	*overflow:normal;
	padding: 20px 0;
	border-bottom:1px dashed @colord5;
	.pull-left{
		width: 80px;
		padding-right: 15px;
	}
	.hot{
		height:120px;
		text-align: center;
		background:url(../images/hot.png) no-repeat 32px 15px @colorf5;
		font-family: @font-yahei;
		b{
			height: 54px;
			line-height: 54px;
			font-size: 16px;
			display: block;
			margin-top: 30px;
			font-weight: normal;
		}
		p{
			height: 36px;
			line-height: 36px;
			background: #ededed;
			font-size: 16px;
		}
	}
	.pull-right{
		width: 735px;
		h2{
			font: 18px/24px @font-yahei; 
			color: #dadada; 
			margin-bottom: 15px;
			a{
				font-weight: bold;
			}
			.uname{
				color: @link-hover
			}
		}
		div p{
			width: 630px;
			font: 16px/24px @font-yahei;
			color:#525252; 
			padding-left: 15px
		}
	}
}

/* cont_right */
.cont_right,.fixed_cont{width: 347px;}
#sname{
	width:340px;
	height: 26px;
	padding: 5px 0 5px 5px; 
	border: 1px solid @colord; 
	font: 16px/26px @font-yahei;
}
#saerch{
	width: 36px;
	height:36px;
	background-position: 10px -115px; 
	background-color: @colorf5; 
	border: none;
	top:1px;
	right:1px;
	*top:2px; 
	cursor: pointer;
}
.item{
	margin: 10px 0;
	h2{
		height: 30px;
		font: 16px/30px @font-yahei;
		background: @colorf5; 
		padding-left: 10px;
		margin-bottom: 5px;
	}
	.tag{
		text-align: center;
		a{
			width: 110px; 
			height: 30px;
			border: 1px dashed #d2d2d2;
			font: 14px/30px @font-yahei;
			margin:0 3px 3px 0;
		}
		a:hover{
			background-color:#45bcf9;
			text-decoration: none;
			color: @colorf;
		}
	}
	.wlist ul li{
		height: 22px;
		font:14px/20px @font-yahei;
		margin: 10px 0;
		position: relative;
		a{
			width: 235px;
			white-space: nowrap;
			overflow: hidden; 
			text-overflow:ellipsis;
		}
		em{
			width: 20px;
			height: 20px;
			font:12px/20px '';
			text-align: center;
			background:#bbb; 
			color: @colorf;
			margin-right: 5px; 
			vertical-align: top;
		}
		em.blue{
			background: #296ebe;
		}
		span{
			position: absolute;
			right: 0;
			color: #999;
		}
	}
}
/* 分页 */
.pagination{
	margin: 0;
	padding: 20px;
	text-align: center;
	display: block;
	ul{
		*display: inline;
		*zoom: 1;
		margin-left: 0;
		margin-bottom: 0;
		padding: 0;
		li{
			display: inline;
		}
		a,span{
			margin: 0 2px;
			float: left;
			padding: 5px 12px;
			background-color: #ddd;
			color: #666;
			.roundedCorners(2px);
			opacity: .88;
		}
		a:hover,a:focus{
			opacity: 1
		}
		.active a,.active span{
			background-color: #61B3E6;
			color: @colorf;
			cursor: default;
		}
	}
}
.pagination ul li span,.pagination ul .disabled span,.pagination ul .disabled a,.pagination ul .disabled a:hover,.pagination ul .disabled a:focus{color: #999999;background-color: transparent;cursor: default}

/* 页脚 */
.footer{
	padding: 50px 0;
	background: #333;
	dl{
		*display: inline;
		*zoom: 1;
		width: 360px;
		font: 16px/24px @font-yahei; 
		color: #999;
		vertical-align: top;
		margin-right: 35px;
		dt{
			color: @colorf; 
			margin-bottom:20px;
		}
		dd p{
			margin: 10px 0;
		}
	}
}
















